<template>
  <section class="payment">
    <div class="title">支付优惠</div>
    <div class="img1">
      <img src="https://img12.360buyimg.com/jrpmobile/jfs/t20125/139/377044579/41214/51a08cb6/5b0b947bN916e62ee.jpg?width=1500&height=442" alt="">
    </div>
    <div class="img2">
      <div class="img2-1">
        <img src="https://img12.360buyimg.com/jrpmobile/jfs/t1/26763/21/9809/42062/5c823064E503dd1c1/b7cb1888c01df9c9.jpg?width=335&height=420" alt="">
      </div>
      <div class="img2-2">
        <img src="https://img12.360buyimg.com/jrpmobile/jfs/t1/10835/30/6723/11247/5c244816E1faf5ca3/0982f1ffc9388654.png?width=335&height=200" alt="">
        <img src="https://img12.360buyimg.com/jrpmobile/jfs/t1/11725/12/12858/11667/5c94c97cE9985a0ed/6178d9d95234b1ed.png?width=335&height=200" alt="">
      </div>
    </div>
  </section>
</template>

<script>
export default {
  name: 'Payment'
}
</script>

<style lang="stylus" scoped>
  .title
    height 112px
    display flex
    justify-content flex-start
    align-items center
    padding 0 30px
    font-size 36px
    font-weight 700
  .img1
    display flex
    justify-content center
    img
      width 100%
      height 221px
  .img2
    margin 20px 20px 0
    display flex
    justify-content center
    img
      width 100%
    .img2-2
      display flex
      flex-direction column
      justify-content center
</style>
